<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>p2p-注册</title>
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./dist/css/register.min.css">
</head>

<body>
    <!-- header -->
    <header>
        <div class="container">
            <a class="navbar-brand d-flex flex-row" href="./index.html">
                <img src="./dist/imgs/logo.png" alt="" class="logo">
                <img src="./dist/imgs/easy.png" alt="" class="easy">
            </a>
        </div>
    </header>

    <!-- main -->
    <main>
        <div class="container">
            <div class="row border-bottom welcome">
                <div class="col">
                    欢迎注册
                </div>
                <div class="col d-flex justify-content-end">
                    我已经注册，<a href="./login.html">现在登录</a>
                </div>
            </div>
            <div class="row form_msg">
                <div class="form_left col">
                    <p>
                        用户名:
                        <input type="text" name="" class="username" title="字母开头，允许5-16字节，允许字母数字下划线">
                        <span></span>
                    </p>
                    <p>
                        密&emsp;码:
                        <input type="password" name="" class="pwd" title="以字母开头，长度在6~18之间，只能包含字母、数字和下划线">
                        <i class="iconfont icon-biyan"></i>
                        <span></span>
                    </p>
                    <p>
                        邮&emsp;箱:
                        <input type="email" name="" class="email" title="支持一般邮箱地址">
                        <span></span>
                    </p>
                    <p>
                        昵&emsp;称:
                        <input type="text" name="" class="nickname" title="中文、英文、数字包括下划线">
                        <span></span>
                    </p>
                    <p class="agree">
                        <input type="checkbox" id="agree_box">
                        <span>我已阅读并确认同意<a href="#">《****服务协议》</a>及以下风险提示</span>
                    </p>
                    <p class="remind">网络借贷为自愿，出借资金须谨慎。风险意识记心上，本息损失皆自担。</p>
                    <input type="button" value="注&emsp;册" class="btn" disabled>
                </div>
                <div class="right_img col">
                    <img src="https://infoimage.tuandai.com/abs/1521804536230.png?2018-09-14T16:36:42" alt="">
                </div>
            </div>
        </div>
    </main>


    <!-- footer -->
    <footer>
        <div class="container">
            <div class="footer_bottom d-flex flex-column align-items-center">
                <span>2010-2020 版权所有 © 团贷网 粤ICP备120*****号-1 粤公安网备4419**********号 东莞**********科技服务有限公司</span>
                <span>地址：东莞市市**街道**路***号******大厦*号楼**楼</span>
            </div>
        </div>
    </footer>

    <script src="./lib/bootstrap/js/jquery.js"></script>
    <script src="./lib/bootstrap/js/popper.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="./03-js/register.js"></script>
</body>

</html>